<!--
 * @Author: chenhuanhuan 2925102113@qq.com
 * @Date: 2024-09-18 14:44:37
 * @LastEditors: chenhuanhuan 2925102113@qq.com
 * @LastEditTime: 2024-11-14 17:32:48
 * @FilePath: \orderApp\components\cu-notice\cu-notice.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <view>
    <uv-popup
      ref="popup"
      mode="center"
      :close-on-click-overlay="false"
      round="8"
      :customStyle="customStyle"
      :safeAreaInsetBottom="false"
    >
      <view>
        
        <uv-icon
          name="checkmark-circle-fill"
          color="#00754A"
          labelColor="#00754A"
          size="28rpx"
          :label="tips"
          labelPos="bottom"
          labelSize="31rpx"
          space="8"
        ></uv-icon>
      </view>
    </uv-popup>
  </view>
</template>

<script lang="ts" setup>
//

const props = defineProps({
  tips: {
    type: String,
    default: "提交成功",
  }, 
});
const popup = ref(null);
const show = () => {
  popup.value.open();
  setTimeout(() => {
    popup.value.close();
  }, 1500);
};

const customStyle = reactive({
  width: "270rpx",
  height: "170rpx",
  display:'flex',
 ' flex-direction': 'column',
  'align-items': 'center',
  'justify-content': 'center',
});

defineExpose({show})
</script>

<style lang="scss" scoped>
//

.content {
  width: 270rpx;
  height: 170rpx;
  color: #00754a;
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  font-size: 31rpx;
  line-height: 46rpx;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
</style>
